Skip to content

Five elements from latlonguas.com's Beaver Builder modules; info-list and slide-box extended; seven mapped - #39

Merged
ecropolis merged 2 commits into
mainfrom
claude/priceless-tesla-cd389e
Oct 30, 2026
Merged

ecropolis merged 2 commits into
mainfrom
claude/priceless-tesla-cd389e

Conversation

@ecropolis

Copy link
Copy Markdown
Owner

Elements for the Beaver Builder / UABB / PowerPack modules latlonguas.com uses that the library lacked. Each names the module it replaces and links the latlonguas.com page that uses it as its reference example (new optional catalogue field reference, shown as "Reference example" on each element page).

New (5)

  • counter: uabb-numbers (plain, ring, bar; the real figure is in the HTML, the count is an aria-hidden copy)
  • logo-grid: pp-logos-grid (grid or marquee with a pause button; alt must be the organisation's name)
  • photo-gallery: photo-gallery (filter chips, native dialog lightbox with arrows, swipe and a count)
  • separator: advanced-separator (line, text or icon; decorative unless semantic; optional reveal)
  • call-to-action: uabb-call-to-action and Beaver Builder's cta (stacked or inline by container query; three tones clearing 4.5:1)

Extended rather than duplicated (2)

  • info-list: boxed and align for UABB / PowerPack Info Box (info-box)
  • slide-box: variant="image" for Interactive Banner 1 and shape="circle" for iHover

Mapped (aka + reference only, 7): content-toggle, video-gallery, off-canvas, accordion, animated-text, video-background, video-player.

Demos use made-up logos and drawn SVG photos, never the client's images. latlonguas.com was only read.

Verification

  • npm run check passes after merging main (52 elements with main's image-effects; categories: content 9, media 10, conversion 10, controls 6).
  • Headless Chromium against the built site: 84 checks pass. Every touched element page has no console errors and no horizontal scroll at 1280 and 375. Counting, marquee and separator reveal hold still under reduced motion; the lightbox traps focus, steps with arrows and wraps, and returns focus to the tile.

Not done: SE Ranking timed out, so the five search.query values are unmeasured; each entry says so in a comment.

The skill update is a separate PR in ecropolis/agent-skills.

🤖 Generated with Claude Code

ecropolis and others added 2 commits October 30, 2026 10:02
…ded, seven mapped

New: counter (uabb-numbers), logo-grid (pp-logos-grid), photo-gallery (photo-gallery),
separator (advanced-separator), call-to-action (uabb-call-to-action / cta). Each names the
module it replaces and links the latlonguas.com page as its reference example.

Extended rather than duplicated: info-list gains `boxed` and `align` for UABB/PowerPack Info
Box; slide-box gains `variant: 'image'` and `shape: 'circle'` for Interactive Banner 1 and
iHover.

Mapped (aka + reference only): content-toggle, video-gallery, off-canvas, accordion,
animated-text, video-background, video-player.

The catalogue gets an optional `reference` field ({ module, url, note? }), rendered as a
"Reference example" section on each element page. Demos use made-up logos and drawn SVG
photos, never the client's images. SE Ranking timed out, so the five search queries are
unmeasured and say so.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
…a-cd389e

# Conflicts:
#	scripts/check-categories.mjs
#	src/components/demos/index.ts
#	src/data/catalog.ts
@ecropolis
ecropolis merged commit 5724f2b into main Oct 30, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant